<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../day13/style.css">
    <!-- 
         新增了语义化的标签
            结构标签
                header 头部
                footer 尾部
                nav 导航
                section 内容块 main 有兼容
                aside 侧边（辅助信息）
                article 文章
            
                <figure>
                    <figcaption>这个是熊大小动物</figcaption> 这是figure的标题
                    <img src="xiongda.png" />
                </figure> 类似dl dt dd
                <hgroup></hgroup> 标题组

            
     -->
     <style>
         .header{
             width:1000px; height:100px; background: red;
             margin:0 auto;
         }
          nav{
             width:1000px; height:35px; background: pink;
             margin:0 auto;
         }
         section{
            width:1000px; min-height:600px; background: #f5f5f5;
             margin:0 auto;
         }
         footer{
            width:1000px; height:100px; background: blue;
             margin:0 auto;
         }
         .left{
             width:300px;min-height:600px; background: yellow;
             float:left;
         }
         article{
             width:300px;min-height:600px; background: yellow;
             float:right;
         }
     </style>
</head>
<body>

    <header class="header"></header>
    <nav></nav>
    <section>
        <aside class="left"> </aside>
        <article >
            <hgroup class="clear"> <h2 style="float:left;">讲师团团</h2>
                <a style="float:right;" href="#">查看更多讲师</a></hgroup>
            <p>这是内容</p>
        </article>
    </section>
    <footer></footer>
  
</body>
</html>